.el-dialog{
  background: #122854;
  .el-dialog__header{
    background: #274183;
    border-bottom-color: #3585d2;
  }
  .el-dialog__body{
    color: #fff;
    .el-form{
      .el-form-item__label{
        color: #fff;
      }
    }

    .el-tabs--card{
      .el-tabs__header{
        .el-tabs__nav-wrap{
          .el-tabs__item{
            color: #fff;
          }
        }
      }
    }
  }
}

.tree-box{
  .type-list{
    li{
      color: #fff;
    }
    li:hover,
    li.active{
      color: #409EFF;
      background: #000614;
    }
  }
}

.el-tree{
  background-color: transparent;
  color: #fff;
  .el-tree-node {
    .el-tree-node__content{
      .expanded.el-icon-arrow-right{
        color: #fff;
      }
      &:hover{
        background: none;
        color: #409EFF;
      }
    }
    &:focus > .el-tree-node__content{
      background: none
    }
  }
}

.el-table {
  background: transparent;
  font-size: 14px;
  border-color: #0a1d45;
  &::before {
    display: none;
  }
  tr {
    &:nth-child(odd),
    &:nth-child(even) {
      background: transparent;
    }
  }
  th {
    background: #0a1d45 !important;
    height: 35px;
    color: #fff;
    font-weight: bold;
    &.is-leaf {
      border: 0;
    }
  }
  td {
    border-bottom: 0px solid #1b3466;
    color: #fff;
    i {
      color: #fff;
    }
  }
  &.el-table--enable-row-hover {
    .el-table__body {
      tr{
        &:hover > td {
          background: #04102e !important;
        }
      }
    }
  }
  .el-table__body tr.hover-row td {
    background: #04102e
  }
  .el-table__fixed::before, .el-table__fixed-right::before, .el-table__fixed::before {
    background: transparent;
  }
  .el-table__fixed-right, .el-table__fixed {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
  .el-table__fixed-right-patch, .el-table__fixed-patch {
    background: transparent;
    border-bottom: 0;
  }
  .el-table__fixed tr,
  .el-table__fixed-right tr {
    background: #00081e;
  }
  &.el-table--border {
    th, td {
      border-right: 1px solid #1c3466;
      border-bottom: 1px solid #1c3466;
    }
    &:after {
      background-color: #0a1d45;
    }
  }
  .el-table__footer-wrapper tbody td {
    background: transparent;
    border-top: 1px solid #0a1d45;
  }
}

.el-input__inner,
.el-textarea__inner{
  background-color: transparent;
  border-color: #3585d2;
  color: #fff;
}
.el-input-group__append{
  background: #274183;
}
.el-tag.el-tag--info{
  background-color: #274183;
  border-color: #274183;
  color: #fff;
}
.el-checkbox{
  color: #fff;
}
.el-popover,
.el-select-dropdown{
  background-color: #274183;
  border-color: #274183;
}
.el-select-dropdown__item{
  color: #fff;
}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
  background-color: #0a1d45;
}
.el-popper[x-placement^="bottom"] .popper__arrow,
.el-popper[x-placement^="bottom"] .popper__arrow::after{
  border-bottom-color: #274183;
}
.el-popper[x-placement^="top"] .popper__arrow,
.el-popper[x-placement^="top"] .popper__arrow::after{
  border-top-color: #274183;
}
.el-popper[x-placement^="left"] .popper__arrow,
.el-popper[x-placement^="left"] .popper__arrow::after{
  border-left-color: #274183;
}
.el-popper[x-placement^="right"] .popper__arrow,
.el-popper[x-placement^="right"] .popper__arrow::after{
  border-right-color: #274183;
}

.pagination-container {
  background: transparent !important;
  text-align: left;
  padding-top: 0;
  > .el-pagination {
    .el-input__inner,
    button,
    .el-pager li,
    .btn-next,
    .btn-prev {
      background: transparent;
      border: 1px solid #2a3780;
    }
    .el-pagination__total,
    .el-pagination__sizes .el-input__inner,
    .el-pagination__jump, .el-pagination__jump .el-input__inner {
      color: #fff;
    }
  }
}

::-webkit-scrollbar:hover,
::-webkit-scrollbar {
  width: 4px;
  height: 6px;
  background-color: rgba(0,0,0,0.5);
  -webkit-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}
::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active{
  background-color:rgba(255,255,255,0.5);
  border: 0;
}